<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <title>全球冠状病毒疫情统计</title>
</head>
<body>

<div class="container">
    <div class="row" style="border:0.5px solid ;margin-top: 10px">
        <div class="span "style="width:76%;margin:0 auto" >
            <div class="hero-unit">
                <h1 style="position: center">
                    <strong style="margin-left: 28%" >  新冠病毒全球疫情数据</strong>
                </h1>
                <hr>
                <p>
                    这是一个<strong>新冠病毒全球疫情数据统计网站</strong> 新冠肺炎疫情在世界各地快速蔓延，这里有最新的疫情数据，让您即时了解疫情期间最全面的数据，让我们向那些“战疫”逆行中的医务工作者们致敬！你可以在此实时了解到最新的疫情数据，各个国家省份的病例数据,我们可以有数据看到疫情的对比状态
                </p>
            </div>
            <hr>
            <div >
                <p>数据更新时间：<span style="font-weight: bold;font-size: 20px">${.now?date}</span></p>
                <p>目前全球新冠状病毒确诊病例人数累计：<span
                            style="font-weight: bold;font-size: 20px">${gogalData}</span></p>
                <p>自前一日以来新增确诊病例人数：<span style="font-weight: bold;font-size: 20px">${addData}</span>
                </p>
            </div>
            <hr>
            <div class="row-fluid" >
                <div class="span12">
                    <form class="form-search"method="get" action="/byCountry">
                        <input class="input-medium search-query" type="text" name="country" required="required"/> <button type="submit" class="btn">查找</button>
                    </form>
                </div>
                <div class="btn-group" style="margin-right: 10%;float: right">
                    <button class="btn" type="button"><em class="icon-align-right"><a href="/">全部</a></em></button>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>
                                州/省
                            </th>
                            <th>
                                国家
                            </th>
                            <th>
                                累计病例
                            </th>
                            <th>
                                新增病例
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <#list statuses as status>
                        <tr>
                            <td>
                                ${status.getState()!''}
                            </td>
                            <td>
                                ${status.getCountry()}
                            </td>
                            <td>
                                ${status.getLatestTotalCases()}
                            </td>
                            <td>
                                ${status.getLatestTotalCases()-status.getLatestPreTotalCases()}
                            </td>
                        </tr>
                          </#list>
                        </tbody>
                    </table>
                </div>
            </div>
    </div>
</div>
</div>
</body>
</html>

<script>

</script>